<template>
  <div class="people-playlists">
    <div class="title border-b-1 pt-2 pb-2 mb-4 yu-color-text">
      {{ store.currentInfo.topTitle }}
    </div>
    <div class="list w-full  grid grid-cols-4 gap-4">
      <span v-for="item in store.listPlaylistDetails?.subscribers" :key="item.userId" class="w-15 h-15 cursor-pointer" @click="jumpHomePage(item.userId)">
        <img class="w-full h-full" :src="item.avatarUrl" alt="">
      </span>
    </div>
  </div>
</template>

<script setup>
import {useStore} from "@/store/index";
import {useRouter} from "vue-router";
// listPlaylistDetails.subscribers
const store = useStore()
const router = useRouter()

// 跳转到用户主页
const jumpHomePage = (id) => {
  router.push({
    path: '/user/homepage',
    query: {
      id
    }
  })
}
</script>

<style scoped>

</style>
